<template>
  <div class="app-container">
    <el-tabs type="border-card" :value="activeTab" @tab-click="changeTab">
      <el-tab-pane name="one">
        <span slot="label"><i class="el-icon-date"></i> 注单管理</span>
        <game v-show="activeTab === 'one'"/>
      </el-tab-pane>
      <el-tab-pane label="彩票注单管理" name="two">
        <lottery v-show="activeTab === 'two'"/>
      </el-tab-pane>
      <el-tab-pane label="赛事注单查询" name="three">
        <match-note v-show="activeTab==='three'"></match-note>
      </el-tab-pane>
      <!-- <el-tab-pane label="转账设置" name="three">
        <transfer-configs v-show="activeTab === 'three'"/>
      </el-tab-pane> -->
    </el-tabs>

  </div>
</template>

<script>
import Game from './gameManage';
import Lottery from './lotteryManage';
import MatchNote from './matchNote';
import { tabs } from '@/build';

export default {
  name: 'finance-transfer',
  components: {
    Game,
    Lottery,
    MatchNote,
  },
  data() {
    return {
      activeTab: 'one',
    };
  },
  mixins: [tabs],

};
</script>

<style lang="scss" scoped>
</style>
